$('.active').hover(function () {
    $(this).children('div').css({
        display: "block"
    })
}, function () {
    $(this).children('div').css({
        display: "none"
    })
});
//楼层
$(function () {
    //页面加载获取
    if ($(window).scrollTop() >= $('#min1').offset().top) {
        $('.navigation').fadeIn(1000)
    }
    $(window).scroll(function () {
        console.log($(window).scrollTop());
        if ($(window).scrollTop() >= $('#min1').offset().top) {
            $('.navigation').stop().fadeIn(200)
        } else {
            $('.navigation').stop().fadeOut(200)
        }
        $('.aaa').each(function (index, value) {
            if ($(window).scrollTop() >= $(value).offset().top) {
                //楼层导航 排他
                $('.bar').eq(index).addClass('color').siblings().removeClass('color');
            }
        })
    })
})
$('.top').click(function () {
    $('html').animate({
        scrollTop: 0
    }, 500);
});
$('.hd li').mouseover(function (e) {
    console.log(123);
    e.stopPropagation();
    var index = $(this).index();
    $('.bd ul').not(':eq(index)').fadeOut(100);
    $('.bd ul').eq(index).fadeIn(100);
})
// 左右箭头轮播


function fun(ele, index) {
    clearInterval(ele.time);
    ele.time = setInterval(function () {

        if (ele.offsetLeft == index) {
            clearInterval(ele.time);
        } else {
            var targer = (index - ele.offsetLeft) / 10;

            if (targer > 0) {
                targer = Math.ceil(targer)
            } else if (targer < 0) {
                targer = Math.floor(targer)
            }

            ele.style.left = ele.offsetLeft + targer + "px";
        }

    }, 20)
}
var ab = document.querySelector('.ab')
var num = 0;
var movewidth = ab.offsetWidth
// console.log(movewidth)
$("#lb-left").click(function () {
    num++
    if (num % 2 != 0) {
        var get = -movewidth / 2;
        fun(ab, get)
    } else {

        // console.log(get)
        fun(ab, -171)
    }
})
$("#lb-right").click(function () {
    num++
    if (num % 2 != 0) {
        var get = -movewidth / 2;
        fun(ab, get)
    } else {
        fun(ab, -171)
    }
});
function render1(ele) {
    var str = '';
    ele.forEach(function (value) {
        str += `<li class="goods-item" id="first">
            <div class="p-img">
                <a href=""><img src="${value.goodurls.nowurl}" alt=""></a>

            </div>
            <div class="p-name"><a href="#">${value.goodtitle}</a></div>
            <div class="p-price">￥${value.goodprice}</div>
        </li>`
    });
    $('.f-bd .clearfix').html(str)
};
render1(data.shoesData.tuijian)


